<template>
  <div>
    <ul class="advice-item-container">
      <li class="advice-item">
        <img src="../../../assets/himages/collection2.png" alt="">
        <div class="advice-details">
          <p>放肆演绎青春</p>
          <p>食疗养生小百科</p>
        </div>
        <div class="advice-time">2018-6-6</div>
      </li>
       <li class="advice-item">
        <img src="../../../assets/himages/collection2.png" alt="">
        <div class="advice-details">
          <p>放肆演绎青春</p>
          <p>食疗养生小百科</p>
        </div>
        <div class="advice-time">2018-6-6</div>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: 'AdviceList'
  }
</script>

<style scoped>
.advice-item-container{
  background-color: #fff;
}
.advice-item-container>li{
  height: 1.05rem;
  margin: 0 0.32rem;
  border-bottom: 0.02rem solid #f1f1f1;
  
}
.advice-item img{
  width: 0.8rem;
  height: 0.8rem;
  float: left;
  margin: 0.14rem 0.2rem 0 0;
}
.advice-details{
  float: left;
  padding-top: 0.17rem; 
}
.advice-details p:first-child{
  font-size: 0.26rem;
  margin-bottom: 0.05rem;
}
.advice-details p:last-child{
  font-size: 0.24rem;
  color: #666;
}
.advice-time{
  float: right;
  color: #666;
  margin-top: 0.6rem;
}


</style>